<h1 mat-dialog-title>修改 {{menuDetial.menuText}}, ID={{menuDetial.menuId}}</h1>
<div mat-dialog-content style="overflow: unset;">  
    <form #menuForm="ngForm">        
        <mat-form-field class="insert-full-width">
            <input matInput type="text" [(ngModel)]="menuDetial.path" name="path" placeholder="路徑" required>
        </mat-form-field>
        <mat-form-field class="insert-full-width">
            <input matInput type="text" [(ngModel)]="menuDetial.menuText" name="menuText" placeholder="選單名稱" required>
        </mat-form-field>
        <mat-form-field class="insert-full-width formNum">
            <input matInput type="number" [(ngModel)]="menuDetial.sortNo" name="sortNo" placeholder="排序" required>
        </mat-form-field>
        <mat-form-field class="insert-full-width">
            <input matInput type="text" [(ngModel)]="menuDetial.selector" name="selector" placeholder="標籤">
        </mat-form-field>
        <mat-form-field class="insert-full-width">
            <input matInput type="text" [(ngModel)]="menuDetial.component" name="component" placeholder="對應元件" required>
        </mat-form-field>
        <mat-form-field class="insert-full-width">
            <mat-select [(ngModel)]="menuDetial.rootMenuId" [compareWith]="compareObjects" name="rootMenuId" placeholder="隸屬選單">
                <mat-option *ngFor="let menu of menuList" value="{{menu.menuId}}">{{menu.menuText}}</mat-option>
            </mat-select>
        </mat-form-field>       
        <div mat-dialog-actions>
            <button mat-raised-button color="primary" (click)="onNoClick()">No</button>
            <button mat-raised-button color="primary" [disabled]="!menuForm.valid" (click)="onYesClick()" cdkFocusInitial>Yes</button>
        </div>
    </form>
</div>